/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}

/* html layout*/

.g-hd,.g-ft{width:100%;background-image: url("../images/navigation.jpg");
background-color: #462923;
}

.g-hd{top:0;height:100px;}
.g-ft{bottom:0;height:100px;}
.content{width: 1100px;height: 100%;margin: auto;}

/* header */
.logo{
    display: inline-flex;
    height: 100%;
    width: 400px;
    align-items:center;
    float:left\9;
    padding-top:10px\9;
}

.navs{display: inline-block;float: right;text-align: right;}
.nav-items{height: 100px;}
.nav-items li{height: 100px;line-height: 100px;display: inline-block;font-size: 20px;margin-left: 24px;}
.nav-items li a{color:#ead586;}
.nav-items li.active{font-size: 22px;font-weight: 900;}
/* footer */







@media (max-width: 767px) {
    .content{width: 100%;}
}
@media (min-width: 768px) and (max-width: 999px) {

}
@media (max-width: 1000px) {

}